import flet as ft
from components.header import Header
from components.music_card import MusicCard
from components.tab_bar import TabBar

def HomePage(page: ft.Page):
    BG = "#041955"
    FWG = "#97b4ff"
    FG = "#3450a1"
    PINK = "#ffffff"
    return ft.Container(
        content=ft.Column([
            Header(),
            ft.Container(
                content=ft.Text("What's up, Olivia!", size=28, weight="bold",color=PINK),
                padding=ft.Padding(20, 20, 20, 0),
            ),
            ft.Container(
                content=ft.ListView(
                    controls=[
                        MusicCard("晴天", "周杰伦"),
                        MusicCard("夜空中最亮的星", "逃跑计划"),
                        MusicCard("平凡之路", "朴树")
                    ]
                ),
                expand=True,
                padding=ft.Padding(20, 0, 20, 0),
            ),
            # TabBar()
        ]),
        expand=True,
        height=650,
        border_radius=35,
        bgcolor=FG
    )